<template>
	<div class="success">
		<image src="../../static/shoppingcart/success.png" class="img160" mode=""></image>
		<div class="paytxt">
			支付成功
		</div>
		<div class="successbtnbox">
			<div class="returnbtn fsize32p" @click="gotogoods">返回首页</div>
			<div class="checklist fsize32w" @click="gotoorderdetails">查看订单</div>
		</div>
	</div>


</template>

<script>
	export default {
		data() {
			return {
				news: []
			};
		},
		onLoad: function() {

		},
		methods: {
			gotogoods(e) {
				uni.navigateTo({
					url: '../goods/goods' 
				});
			},
			gotoorderdetails(e) {
				uni.navigateTo({
					url: '../orderdetails/orderdetails' 
				});
			}
		}
	}
</script>

<style lang="less">

	.success {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-wrap: wrap;
		image {
			margin: 96rpx 0 48rpx 0;
		}
		.successbtnbox {
			display: flex;
			margin-top: 96rpx;
			.returnbtn, .checklist{
				width:246rpx;
				height:80rpx;
				border-radius:12rpx;
				border:2rpx solid rgba(24,108,242,1);
				text-align: center;
				line-height: 80rpx;
			}
			.checklist {
				background:rgba(24,108,242,1);
				color: #FFFFFF;
				margin-left: 32rpx;
			}
		}
		
	}

	

</style>
